<script>
  export default {
    name: 'jsxDialog',
    data() {
      return {}
    },
    props: {
      dialogVisible: {
        type: Boolean,
        default() {
          return false
        },
      },
    },
    render() {
      return (
        <el-dialog title="测试" modelValue={this.dialogVisible}></el-dialog>
      )
    },
  }
</script>
<!-- <el-dialog
    v-model="dialogVisible"
    title="Tips"
    width="30%"
    :before-close="handleClose"
  >
    <span>This is a message</span>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogVisible = false">Cancel</el-button>
        <el-button type="primary" @click="dialogVisible = false">
          Confirm
        </el-button>
      </span>
    </template>
  </el-dialog>
</template> -->
